<script setup>
import {
  darkTheme,
  NConfigProvider,
  NLoadingBarProvider,
  NMessageProvider,
  NDialogProvider,
  useOsTheme,
  zhCN,
  dateZhCN
} from "naive-ui"
import LayoutView from "@/views/LayoutView.vue"
</script>

<template>
  <n-config-provider :theme="useOsTheme().value === 'dark' ? darkTheme : null" :locale="zhCN" :date-locale="dateZhCN">
    <n-loading-bar-provider>
      <n-dialog-provider>
        <n-notification-provider>
          <n-message-provider>
            <LayoutView />
          </n-message-provider>
        </n-notification-provider>
      </n-dialog-provider>
    </n-loading-bar-provider>
  </n-config-provider>
</template>

<style>
* {
  font-size: 16px;
  font-weight: 400;
  font-family: PingFang SC,HarmonyOS_Regular,Helvetica Neue,Microsoft YaHei,sans-serif!important;
}

.n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback .n-form-item-feedback__line {
  font-size: .875rem !important;
}

.n-input .n-input__input-el, .n-input .n-input__textarea-el {
  font-size: .875rem !important;
}

.n-result .n-base-icon svg {
  font-size: 100%;
}
</style>
